HTML

<div id="live-filter" class="live-filter js-live-filter">
            
                <div class="live-filter__filter l-mb-2 u-cf">
                    <div class="live-filter__filter-section">
                        <label for="service" class="live-filter__label">Filter By Keyword</label>
                        <span class="live-filter__clear js-live-filter-clear-input" tabindex="0">Clear</span>
                        <input type="text" id="service" class="live-filter__input js-live-filter-input awesomplete js-awesomplete" data-list="">
                    </div>
                    <div class="live-filter__filter-section live-filter__filter-section--browse js-live-filter-expand js-expand is-expanded is-not-loaded">
                        <div class="live-filter__browse-title-wrap u-cf">
                            <span class="live-filter__label js-expand-toggle">Filter By First Letter</span>
                            <span class="live-filter__clear js-live-filter-clear-browse" tabindex="0">Clear</span>
                            <button type="button" class="live-filter__toggle icon-chevron-red-circle-gray js-expand-toggle"><span class="u-visuallyhidden">Toggle accordion</span></button>
                        </div>
                        <div class="live-filter__browse u-cf">
                        </div>
                    </div>
                </div>
            
                <div id="live-filter-results" class="live-filter__results">
                </div>
            
                <p class="live-filter__no-results js-live-filter-no-results is-hidden">No Results Found</p>
            
            </div> <!-- .live-filter -->